<div class="col-md-3 col-12">
    <div class="side">
        <div class="user-panel">
            {% if user %}
                <div class="tip1">个人信息-- <span>{{ user.username }}</span></div>
                <p></p>
                <div class="tip1-photo"><img src="{{ url_for('static',filename = 'photo/'+ user.photo) }}"
                                             class="img-fluid rounded-circle" alt=""/>
                </div>
            {% else %}
                <div class="tip1">个人信息-- <span>无</span></div>
                <p></p>
                <div class="tip1-photo"><img src="../../static/image/avatar.jpg"
                                             class="img-fluid rounded-circle" alt=""/>
                </div>
            {% endif %}

            <hr>
            <div class="user-info-detail1">
                <span>{{ user.fans }}</span>
                <span>{{ user.support }}</span>
                <span>{{ day }}</span>
                <span>{{ user.credit }}</span>
            </div>
            <div class="user-info-detail2">
                <span>粉丝</span>
                <span>点赞</span>
                <span>天数</span>
                <span>积分</span>
            </div>
            {#                        <div style="border-bottom: 1px solid orangered"></div>#}
            <hr>
            <p style="text-align: center;color: black;font-size: 18px">访客</p>
            <hr>
            <div class="tip1-photo2"><img src="../../static/image/avatar.jpg"
                                          class="img-fluid" alt=""/></div>
            <div class="tip1-photo2"><img src="../../static/image/avatar.jpg"
                                          class="img-fluid" alt=""/></div>
            <div class="tip1-photo2"><img src="../../static/image/avatar.jpg"
                                          class="img-fluid" alt=""/></div>

            <div class="tip1-photo2"><img src="../../static/image/avatar.jpg"
                                          class="img-fluid" alt=""/></div>


        </div>
        <div class="article-recommend">
            <div class="col-12 tip">最新文章</div>
            <ul id="last">
                {% for foo in new_article %}
                    <li><a href="/detail/{{ foo.id }}">{{ loop.index }}. {{ foo.title|my_truncate(14) }}</a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="article-recommend">
            <div class="col-12 tip">推荐文章</div>
            <ul id="last">
                {% for foo in rec_article %}
                    <li><a href="/detail/{{ foo.id }}">{{ loop.index }}. {{ foo.title|my_truncate(14) }}</a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="article-recommend">
            <div class="col-12 tip">更多阅读</div>
            <ul id="last">
                {% for foo in most_article %}
                    <li><a href="/detail/{{ foo.id }}">{{ loop.index }}. {{ foo.title|my_truncate(14) }}</a></li>
                {% endfor %}
            </ul>
        </div>

    </div>

</div>
